<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生列表</title>
    <link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">
    <script src="js/vue.js"></script>
    <script src="element-ui/lib/index.js"></script>
    <style>
        .el-header {
            background-color: #545c64;
        }

        .header-img {
            height: 50px;
            /* margin-top: 20px; */
        }
    </style>
</head>

<body>
    <div id="div">
        <el-container>
            <!-- 头部 -->
            <el-header class="el-header">
                <el-container>
                    <div>
                        <el-image src="img/brand.png" class="header-img"></el-image>
                    </div>
                    <el-menu :default-active="activeIndex2" mode="horizontal" @select="handleSelect"
                        background-color="#545c64" text-color="#fff" active-text-color="#ffd04b"
                        style="margin-left: auto;">
                        <el-menu-item index="1">处理中心</el-menu-item>
                        <el-submenu index="2">
                            <template slot="title">我的工作台</template>
                            <el-menu-item index="2-1">选项1</el-menu-item>
                            <el-menu-item index="2-2">选项2</el-menu-item>
                            <el-menu-item index="2-3">选项3</el-menu-item>
                        </el-submenu>
                        <el-menu-item index="3"><a href="学生列表.html" target="_self">首页</a></el-menu-item>
                    </el-menu>
                </el-container>
            </el-header>
        </el-container>
    </div>
</body>
<script>
    new Vue({
        el: "#div"
    });
</script>

</html>